
<%--
    Document   : mObjetivo
    Created on : 16/04/2010, 03:05:56 PM
    Author     : LYLA
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<%@taglib uri="http://struts.apache.org/tags-bean"  prefix="bean"%>
<%@taglib uri="http://struts.apache.org/tags-html" prefix="html"%>
<%@taglib uri="http://struts.apache.org/tags-logic" prefix="logic"%>
<%@taglib uri="/tags/c" prefix="c"%>
<%@ include file="seguridad.jsp" %>
<%@ include file="acceso.jsp" %>
<script src="scripts/ajax.js" language="JavaScript"></script>

<html>


    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" href="lib/css/estilos.css" type="text/css">
        <link href="lib/css/styles_pages.css" rel="stylesheet" type="text/css" />
        <title>JSP Page</title>
        <script LANGUAGE="JavaScript">
        
            function editar(cod,name,pass,rol,act){
                var form = document.getElementById("UsuarioRolForm");
                document.getElementById("opcion").value=2;
                document.getElementById("usuario_name").value=name;
                document.getElementById("usuario_password").value=pass;
                document.getElementById("rolId").value=rol;

                if(act==0){
                    document.getElementById('estado').checked=false;
               
                }

                if(act==1){
                    document.getElementById('estado').checked=true;

                }

               form.cod.value = cod;
              

            }

            function eliminar(codigo){
                 var opcion=3;
                
                var name="";
                var pass="";
                var rolId=0;
                 var estado= 0;
               


                var idDiv = "divTabla";
                var metodo = "GET";
                var url = "consultasAjax/listarUsuarioRolAjax.jsp?opcion="+opcion+"&codigo="+codigo+"&name="+name+"&pass="+pass+"&rolId="+rolId+"&estado="+estado;
                var cadenaSalida = "";
                var async = true;
                document.getElementById(idDiv).innerHTML;
                autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);
                document.getElementById("opcion").value=1;

            }
            function insertar(){
               var opcion= document.getElementById("opcion").value;
               var codigo=document.getElementById("cod").value;
                var name=document.getElementById("usuario_name").value;
                var pass=document.getElementById("usuario_password").value;
                var rolId=document.getElementById("rolId").value;
                if(document.getElementById('estado').checked==true){
                 var estado=   document.getElementById('estado').value=1;
                }
                if(document.getElementById('estado').checked==false){
                 var estado=   document.getElementById('estado').value=0;
                }
               


                var idDiv = "divTabla";
                var metodo = "GET";
                var url = "consultasAjax/listarUsuarioRolAjax.jsp?opcion="+opcion+"&codigo="+codigo+"&name="+name+"&pass="+pass+"&rolId="+rolId+"&estado="+estado;
                var cadenaSalida = "";
                var async = true;
                document.getElementById(idDiv).innerHTML;
                autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);
                document.getElementById("opcion").value=1;
               
            }

            function autoCompletarDiv(metodo,url,cadena,async,idDiv)
            {
                if( window.XMLHttpRequest )
                    ajax = new XMLHttpRequest(); // No Internet Explorer
                else
                    ajax = new ActiveXObject("Microsoft.XMLHTTP");
                ELEMENT_DIV = idDiv;
                ajax.onreadystatechange = funcionCallbackVerDiv;
                ajax.open( metodo, url, async);
                ajax.send(cadena);
            }

            function funcionCallbackVerDiv()
            {
                if( ajax.readyState == 4 )
                {
                    if( ajax.status == 200 )
                    { //alert(ajax.responseText);
                        document.getElementById(ELEMENT_DIV).innerHTML = ajax.responseText;
                    }
                }
            }
        </script>

    </head>
    <body>
        <center>
            <h1> Usuarios</h1>
            <table>
                <tr>
                    <td width="300">

                        <html:form action="UsuarioRol.do?dispatch=listarUsuario" styleId="UsuarioRolForm">
                            <p></p>
                            <input type="hidden" name="cod" id="cod"/>
                            <html:hidden property="opcion" styleId="opcion" value="1"/>
                            <fieldset>
                                <legend>Modificar</legend>
                                <table>
                                    <tr>
                                        <td>Usuario :</td><td><html:text property="usuario_name" styleId="usuario_name" /></td>
                                    </tr>
                                    <tr>
                                        <td>Password : </td><td><html:text property="usuario_password"  styleId="usuario_password"  /></td>
                                    </tr>
                                    <tr>
                                        <td>Rol : </td><td>  <html:select property="rolId" styleId="rolId">
                                                <html:option value="-1">[--Seleccionar Nivel--]</html:option>
                                                <html:optionsCollection name="UsuarioRolForm" property="listaRol" value="NUM_ROLID" label="TX_ROLNOM" />
                                            </html:select>
                                        </td>


                                
                                    </tr>
                                    <tr>
                                        <td>Activo : </td><td><html:checkbox property="estado"  styleId="estado"/></td>
                                    </tr>


                                    <td><p></p></td>
                                    <tr>
                                        <td colspan="2" align="center"><input type="button" value="Editar" onclick="insertar()"/></td>
                                    </tr>
                                </table>
                            </fieldset>
                            <br><br>
                            <logic:present name="UsuarioRolForm" property="listaUsuario">
                                <div id="divTabla">
                                    <table id="tabla1" width="99%" align="right" class="userTable">
                                        <tr class="even" align="center">
                                            <th class="textoTR">#</th>
                                            <th class="textoTR">Usuario</th>
                                            <th class="textoTR">Password</th>
                                            <th class="textoTR">Rol</th>
                                            <th class="textoTR">Activado</th>
                                            <th class="textoTR">Editar</th>
                                            <th class="textoTR">Eliminar</th>

                                        </tr>
                                        <logic:iterate name="UsuarioRolForm" property="listaUsuario" id="lista">
                                            <tr align="center">


                                                <td width="10%" align="center">
                                                    <bean:write name="lista" property="NUM_USUARIOID"/>
                                                </td>

                                                <td width="10%" align="center">
                                                    <bean:write name="lista" property="TX_USUARIO_NAME"/>
                                                </td>
                                                <td width="10%" align="center">
                                                    <bean:write name="lista" property="TX_USUARIO_PASS"/>
                                                </td>
                                                <td width="10%" align="center">
                                                    <logic:notPresent name="lista" property="NUM_ROLID" />
                                                    <bean:write name="lista" property="TX_ROLNOM"/>
                                                </td>
                                                <td width="10%" align="center">
                                                    <bean:write name="lista" property="NUM_ROLACT"/>
                                                </td>

                                                <td width="10%" align="center">
                                                    <img style="cursor:pointer" title="Editar" alt="Editar" border=0  src="images/b_edit.png" onclick="editar('<c:out value="${lista.NUM_USUARIOID}"/>','<c:out value="${lista.TX_USUARIO_NAME}"/>','<c:out value="${lista.TX_USUARIO_PASS}"/>','<c:out value="${lista.NUM_ROLID}"/>','<c:out value="${lista.NUM_ROLACT}"/>');"/>
                                                </td>

                                                <td width="10%" align="center">
                                                    <img style="cursor:pointer" title="Eliminar" alt="Eliminar" border=0  src="images/b_drop.png" onclick="eliminar('<c:out value="${lista.NUM_USUARIOID}"/>');"/>
                                                </td>

                                            </tr>
                                        </logic:iterate>
                                    </table>
                                </div>
                            </logic:present>

                        </html:form>

                    </td>
                </tr>
            </table>
        </center>
    </body>
</html>